<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <!-- Define Charset -->
    <meta charset="utf-8">
    
    <!-- Page Title -->
    <title>Dynamo - Sell/Buy/Rent Cars Online HTML5 Responsive Template - About Us 02</title>

    <!-- Responsive Metatag -->
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
       
    <!-- CSS -->
    <link rel="stylesheet" href="css/bootstrap.css"/>
                    
    <!-- Font icons -->
    <link rel="stylesheet" href="css/fontello.css" >
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/fontello-ie7.css" ><![endif]-->
    <link rel="stylesheet" href="css/styles.css" />
    <link rel="stylesheet" href="css/media-queries.css" />

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>        
    <![endif]-->

    <!-- Media queries -->
    <!--[if lt IE 9]>
        <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
    <![endif]-->
</head>

<body>
    <header>
        <!-- begin Top Bar -->
        <div class="topbar" >
            <jsp:include page="import/topbar.jsp"/>
        </div>
        <!-- end Top Bar -->
        
        <!-- begin NavBar -->
        <nav class="navbar" role="navigation">
            <jsp:include page="import/navbar.jsp"/>
        </nav>
        <!-- end NavBar -->

        <!-- begin Sub Bar -->
        <div class="subbar" >
            <jsp:include page="import/sub-bar.jsp"/>
        </div>
        <!-- end Sub Bar -->      
    </header>


    <section>
        <div class="container">

                <div class="row pagetitle">
                    <div class="col-xs-12">
                        <h2>Company information two</h2>
                    </div>
                </div>  

                <!-- Our team-->
                <div class="row company">
                    <div class="col-md-6">
                        <div id="carousel-team" class="carousel carousel-thumb slide">
                            <div class="carousel-inner">
                                <div class="item active"><img src="img/about/team01.jpg" alt="//"></div>
                                <div class="item"><img src="img/about/team02.jpg" alt="//"></div>
                                <div class="item"><img src="img/about/team03.jpg" alt="//"></div>
                                <div class="item"><img src="img/about/team04.jpg" alt="//"></div>
                                <div class="item"><img src="img/about/team05.jpg" alt="//"></div>
                                <div class="item"><img src="img/about/team06.jpg" alt="//"></div>
                            </div>

                            <ol class="carousel-indicators">
                                <li data-target="#carousel-team" data-slide-to="0" class="active"><img src="img/about/team01.jpg" alt="//"></li>
                                <li data-target="#carousel-team" data-slide-to="1"><img src="img/about/team02.jpg" alt="//"></li>
                                <li data-target="#carousel-team" data-slide-to="2"><img src="img/about/team03.jpg" alt="//"></li>
                                <li data-target="#carousel-team" data-slide-to="3"><img src="img/about/team04.jpg" alt="//"></li>
                                <li data-target="#carousel-team" data-slide-to="4"><img src="img/about/team05.jpg" alt="//"></li>
                                <li data-target="#carousel-team" data-slide-to="5"><img src="img/about/team06.jpg" alt="//"></li>
                            </ol>
                        </div>
                    </div>

                    <div class="clearfix visible-xs visible-sm"></div>

                    <div class="col-md-6 team">
                        <h4>Our team</h4>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris. Vivamus hendrerit arcu sed erat molestie vehicula. Sed auctor neque eu tellus rhoncus ut eleifend nibh porttitor. Ut in nulla enim. Phasellus molestie magna non est bibendum non venenatis nisl tempor. Suspendisse dictum feugiat nisl ut dapibus. Mauris iaculis porttitor posuere. Praesent id metus massa, ut blandit odio. Proin quis tortor orci. </p>
                        <p>Etiam at risus et justo dignissim congue. Donec congue lacinia dui, a porttitor lectus condimentum laoreet. Nunc eu ullamcorper orci. Quisque eget odio ac lectus vestibulum faucibus eget in metus. In pellentesque faucibus vestibulum. Nulla at nulla justo, eget luctus tortor. Nulla facilisi dolor sit amet absidum felisiti.</p>
                    </div>

                </div>
                <!-- end Our team-->

                <div class="row pagetitle">
                    <div class="col-xs-12">
                        <h2>Company information two</h2>
                    </div>
                </div>  
                <div class="row">
                    <div class="col-xs-12">
                        <p>Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed. Molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla.</p>
                        <p>Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed. Molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla.</p>
                    </div>
                </div>

                <div class="row">
                    <div class="col-xs-6">
                        <h4>Suspendisse Dictum Feugiat Nisl Ut Dapibus. Mauris</h4>
                        <p>Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos sed themed. Molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel</p>
                    </div>
                    <div class="col-xs-6">
                        <h4>Suspendisse Dictum Feugiat Nisl Ut Dapibus. Mauris</h4>
                        <p>Molestie augue sit amet leo consequat posuere. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin vel ante a orci tempus eleifend ut et magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam eu diam mattis viverra. Nulla.</p>
                    </div>
                </div>

                <div class="row services">
                    <div class="col-sm-12">
                        <h2>Our Services</h2>
                        <div id="carousel-services" class="carousel slide">
                                <!-- Controls -->
                                <a class="carousel-control prev" href="#carousel-services" data-slide="prev">
                                <i class="icon-left-open-mini"></i>
                                </a>
                                <a class="carousel-control" href="#carousel-services" data-slide="next">
                                <i class="icon-right-open-mini"></i>
                                </a>

                                <!-- Wrapper for slides -->
                                <div class="carousel-inner">
                                
                                    <div class="item active">
                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-cog"></span>
                                            </div>
                                            <strong>Responsive Design</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-comment"></span>
                                            </div>
                                            <strong>Unlimited Colors</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-eye-open"></span>
                                            </div>
                                            <strong>Customer Support</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-globe"></span>
                                            </div>
                                            <strong>Great Support</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-screenshot"></span>
                                            </div>
                                            <strong>Responsive Design</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-screenshot"></span>
                                            </div>
                                            <strong>Easy to change</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>
                                    </div>


                                    <div class="item">

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-eye-open"></span>
                                            </div>
                                            <strong>Responsive Design</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-globe"></span>
                                            </div>
                                            <strong>Responsive Design</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-cog"></span>
                                            </div>
                                            <strong>Responsive Design</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-comment"></span>
                                            </div>
                                            <strong>Responsive Design</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-screenshot"></span>
                                            </div>
                                            <strong>Responsive Design</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>

                                        <div class="services-item">
                                            <div class="ico">
                                                <span class="glyphicon glyphicon-screenshot"></span>
                                            </div>
                                            <strong>Responsive Design</strong>
                                            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.
                                        </div>
                                    </div>
                                </div>
                        </div>
                    </div>
                </div>

        </div>
    </section>

    <footer>
        <!-- begin top Footer -->
         <jsp:include page="import/footer.jsp"/>
        <!-- begin bottom Footer -->
    </footer>
    
    <!-- Javascript Files -->
        <!-- jQuery -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
        <script>window.jQuery || document.write("<script src=\"js/jquery-1.9.1.min.js\"")</script>
        
        <!-- Respond.js media queries for IE8 -->
        <script src="js/respond.min.js"></script>
        
        <!-- Bootstrap-->
        <script src="js/bootstrap.min.js" ></script>
     
        <!-- Retina.js -->
        <script src="js/retina.js" ></script>
    
        <!-- Placeholder.js http://widgetulous.com/placeholderjs/ -->
        <script src="js/placeholder.js" ></script>
        
        <!-- Go to top -->
        <script src="js/jquery.scrollTo-1.4.3.1-min.js" ></script>           
    
        <!-- Custom -->
        <script src="js/script.js"  ></script>

    <!-- End Javascript Files -->
</body>
</html>